<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<div id="app4" v-cloak>
			<h1 v-for="i in a">{{i}}</h1><br />
			<input type="text" v-model="num" />
			<button @click="push()">push</button>
			<button @click="sp()">spli</button>
		</div>
		
		<script src="../vue.js"></script>
		<script>
			const a2 = new Vue({
				el: '#app4',
				data: {
					a: [1,2,3,4,5,6,8],
					num: ''
				},
				methods:{
					push: function(){
						this.a.push(this.num)
					},
					sp: function(){
						this.a.splice(0,3,this.num,this.num,this.num,this.num)
					},
					dele: function(){
						
					}
				},
				computed:{
					
				}
			})
		</script>
	</body>
</html>
